<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      >

    <ui:composition template="/template.xhtml">
        <ui:define name="right">
            <br></br><ui:include src="/front/usuario/login.xhtml" />
            <br></br><ui:include src="/modulos/seleccionarPlantilla.xhtml"/>
            <ui:include src="/front/carrito/linkCarrito.xhtml"/>
        </ui:define>
        <ui:define name="left">
            <ui:include src="/modulos/frontLeft.xhtml" />    
        </ui:define>
        
        <ui:define name="content">
            <ice:form >
                <c:if test="${mbListPedido.mostrarPedidosUsuario().size() != 0}">
                <ace:dataTable id="tablaPed" value="#{mbListPedido.mostrarPedidosUsuario()}" var="var"
                               paginator="true" paginatorPosition="bottom" rows="10" >
                    <ace:column styleClass="css_Columna" headerText="Número de Pedido">
                        <ice:outputText value="#{var.id}"/>
                    </ace:column>
                    
                    <ace:column headerText="Precio total">
                        <ice:outputText value="#{var.precio}"/>
                    </ace:column>

                    <ace:column styleClass="css_Columna" headerText="Forma de pago">
                        <ice:outputText value="#{mbListPedido.formaPToString(var.formapago)}"/>
                    </ace:column>

                    <ace:column headerText="Estado">
                        <ice:outputText value="#{mbListPedido.estadoTexto(var.estado)}"/>
                    </ace:column>
                    
                    <ace:column styleClass="css_Columna" headerText="Ver">
                        <ice:commandLink action="#{mbListPedido.verPedUsu(var.id)}"><img src="./imagenes/iconos/lupa.png" width="16" height="16" alt="lupa"/></ice:commandLink>
                    </ace:column>
                    
                    
                    <ace:column headerText="Tramitar">
                        
                            <ice:commandLink action="#{mbListPedido.cambiarPedido(var.id)}"><img src="./imagenes/iconos/verde.png" width="16" height="16" alt="lupa"/></ice:commandLink>
                           
                     
                    </ace:column>
                    
                    <ace:column styleClass="css_Columna" headerText="Eliminar">
                        
                            <ice:commandLink action="#{mbListPedido.cambiarPedidoEliminar(var.id)}"><img src="./imagenes/iconos/rojo.png" width="16" height="16" alt="lupa"/></ice:commandLink>
                       
                    </ace:column>
                
                
                </ace:dataTable>
                
                    <br /><ice:outputLabel value="Los pedidos que se encuentran en estado pendiente podrán ser tramitados definitivamente apretando el botón verde o borrarlos apretando el botón rojo." ></ice:outputLabel>
                    
                <ice:outputLabel value="#{mbListPedido.warning}" style="color: red;"/>
                </c:if>
                <c:if test="${mbListPedido.mostrarPedidosUsuario().size() == 0}">
                    <ice:outputLabel value="No has realizado ningun pedido" ></ice:outputLabel>
                </c:if>
            </ice:form>
        </ui:define>
    </ui:composition>
</html>